<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title><sitemesh:write property='title' /> - 个人博客</title>
<base href="<%=basePath%>" />
<!-- Bootstrap -->
<link rel="stylesheet" href="resources/css/zzsc.css" />
<link href="resources/css/bootstrap.min.css" rel="stylesheet">
<link href="resources/css/my.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="resources/js/jquery-2.1.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="resources/js/bootstrap.min.js"></script>
<script type="text/javascript" src="resources/js/blogger.js"></script>
<link rel="stylesheet"
	href="resources/js/plugins/codesnippet/lib/highlight/styles/default.css">
<script
	src="resources/js/plugins/codesnippet/lib/highlight/highlight.pack.js"></script>
<script>
	hljs.initHighlightingOnLoad();
</script>
<sitemesh:write property='head' />
</head>
<body class="home-template custom-bg"
	style="background-image: url(resources/images/bg81.png)">
	<!-- 	http://static.ghostchina.com/image/8/cf/8f456ccc38721f2c4318a5f7049f8.jpg	 -->
	<nav class="nav navbar-inverse navbar-fixed-top">
		<div class="container">

			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.jsp">张晨刚的博客 </a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="nav-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li <c:if test="${empty category }"> class="active" </c:if>><a
						href="#">首页 </a></li>
					<c:forEach items="${categorys }" var="c">
						<li
							<c:if test="${category.name == c.name }"> class="active" </c:if>><a
							href="article/${c.id }/list">${c.name }</a></li>
					</c:forEach>
					<li class="dropdown"><a href="" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-expanded="false">更多
							<span class="caret"></span>
					</a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="article/9/list">杂谈</a></li>
							<li><a href="article/10/list">随笔</a></li>
							<li><a href="music/">音乐</a></li>
							<li class="divider"></li>
							<li><a href="message/">留言板</a></li>
							<li><a href="propose/">建议墙</a></li>
							<li><a href="user/">关于我</a></li>
						</ul></li>
				</ul>

				<form class="navbar-form navbar-right" role="search">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="页内信息">
					</div>
					<button type="submit" class="btn btn-default">搜索</button>
				</form>

				<ul class="nav navbar-nav pull-right">
					<c:if test="${empty loginUser.username}">
						<li><a href="#">未读信息 &nbsp;<span class="badge">42</span></a></li>
						<li><a href="user/login">登录</a></li>
						<li><a href="user/register">注册</a></li>
					</c:if>
					<c:if test="${not empty loginUser.username }">
						<li><a href="#">未读信息 &nbsp;<span class="badge">42</span></a></li>
						<li>

							<div class="btn-group">
								<button type="button"
									class="btn btn-link btn-lg dropdown-toggle" type="button"
									data-toggle="dropdown" aria-expanded="false">
									<img src="${loginUser.avatar }" alt="头像" width="30px"
										height="30px" class="img-rounded">
									&nbsp;${loginUser.username} <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">未读信息&nbsp; <span class="badge">42</span></a></li>
									<li><a href="user/${loginUser.id }">个人信息</a></li>
									<li><a href="user/${loginUser.id }/setting"><span class="glyphicon glyphicon-cog"></span>&nbsp;设置</a></li>
									<li class="divider"></li>
									<li><a href="user/loginOut"><span
											class="glyphicon glyphicon-log-out"></span>&nbsp;退出登录</a></li>
								</ul>
							</div>
						</li>
					</c:if>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>
	<hr />
	<br>
	<br />
	<div class="container">
		<sitemesh:write property='body' />
	</div>
	<div id="leftsead">
		<ul>
			<li><a href="javascript:void(0)" class="youhui"> <img
					src="resources/images/l02.png" width="47" height="49" class="shows" />
					<img src="resources/images/l02.png" width="47" height="49"
					class="hides" /> <img src="resources/images/weixin.jpg"
					width="145" class="2wm"
					style="display: none; margin: -100px 57px 0 0" />
			</a></li>
			<li id="btn"><a id="top_btn">
					<div class="hides" style="width: 161px; display: none">
						<img src="resources/images/ll06.png" width="161" height="49" />
					</div> <img src="resources/images/l06.png" width="47" height="49"
					class="shows" />
			</a></li>
			
		</ul>
	</div>
	<script>
		$(document).ready(function() {

			$("#leftsead a").hover(function() {
				if ($(this).prop("className") == "youhui") {
					$(this).children("img.hides").show();
				} else {
					$(this).children("div.hides").show();
					$(this).children("img.shows").hide();
					$(this).children("div.hides").animate({
						marginRight : '0px'
					}, '23');
				}
			}, function() {
				if ($(this).prop("className") == "youhui") {
					$(this).children("img.hides").hide();
				} else {
					$(this).children("div.hides").animate({
						marginRight : '-163px'
					}, 0, function() {
						$(this).hide();
						$(this).next("img.shows").show();
					});
				}
			});

			$("#top_btn").click(function() {
				if (scroll == "off")
					return;
				$("html,body").animate({
					scrollTop : 0
				}, 600);
			});

			//右侧导航 - 二维码
			$(".youhui").mouseover(function() {
				$(this).children(".2wm").show();
			})
			$(".youhui").mouseout(function() {
				$(this).children(".2wm").hide();
			});

		});
	</script>
	<hr />
	<div class="aw-footer-wrap">
		<div class="aw-footer">
			Copyright © 2015<span class="hidden-xs"> - 京ICP备11008151号, All
				Rights Reserved</span> <span class="hide">Powered By <a
				href="http://www.wecenter.com/?copyright" target="blank">WeCenter
					3.0 Beta 2</a></span>

		</div>
	</div>
<!-- 	<sitemesh:write property='myright' /> -->
</body>
</html>